<%@ include file="../common/top.jsp"%>

<div id="Catalog">
    <form action="confirmOrderView" method="post">
    <table>
        <tr>
            <th colspan=2>Payment Details</th>
        </tr>
        <tr>
            <td>Card Type:</td>
            <td>
                <select name="order.creditCardType" id="order.creditCardType">
                    <c:forEach var="creditCardType" items="${sessionScope.order.CARD_TYPE_LIST}">
                        <option value="${creditCardType}">
                                ${creditCardType}
                        </option>
                    </c:forEach>
                </select>
            </td>
        </tr>
        <tr>
            <td>Card Number:</td>
            <td>
                <input type="text" name="order.creditCard" value="${sessionScope.order.creditCard}">
                * Use a fake number!
            </td>
        </tr>
        <tr>
            <td>Expiry Date (MM/YYYY):</td>
            <td>
                <input type="text" name="order.expiryDate" value="${sessionScope.order.expiryDate}">
            </td>
        </tr>
    </table>

    <table>
        <tr>
            <th colspan=2>Billing Address</th>
        </tr>

        <tr>
            <td>First name:</td>
            <td>
                <input type="text" name="order.billToFirstName" value="${sessionScope.order.billToFirstName}">
            </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td>
                <input type="text" name="order.billToLastName" value="${sessionScope.order.billToLastName}">
            </td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td>
                <input type="text" size="40" name="order.billAddress1" value="${sessionScope.order.billAddress1}">
            </td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td>
                <input type="text" size="40" name="order.billAddress2" value="${sessionScope.order.billAddress2}">
            </td>
        </tr>
        <tr>
            <td>City:</td>
            <td>
                <input type="text" name="order.billCity" value="${sessionScope.order.billCity}">
            </td>
        </tr>
        <tr>
            <td>State:</td>
            <td>
                <input type="text" size="4" name="order.billState" value="${sessionScope.order.billState}">
            </td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td>
                <input type="text" name="order.billZip" value="${sessionScope.order.billZip}">
            </td>
        </tr>
        <tr>
            <td>Country:</td>
            <td>
                <input type="text" name="order.billCountry" value="${sessionScope.order.billCountry}">
            </td>
        </tr>

        <tr>
            <td colspan=2>
                <input type="checkbox" id="shippingAddressRequired">Ship to different address...
            </td>
        </tr>
    </table>

    <table id="ship" style="display: none">
        <tr>
            <th colspan=2>Shipping Address</th>
        </tr>

        <tr>
            <td>First name:</td>
            <td>
                <input type="text" name="orderShipToFirstName" value="${sessionScope.order.shipToFirstName}">
            </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><input type="text" name="orderShipToLastName" value="${sessionScope.order.shipToLastName}"></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><input type="text" size="40" name="orderShipAddress1" value="${sessionScope.order.shipAddress1}"></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><input type="text" size="40" name="orderShipAddress2" value="${sessionScope.order.shipAddress2}"></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><input type="text" name="orderShipCity" value="${sessionScope.order.shipCity}"></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><input type="text" size="4" name="orderShipState" value="${sessionScope.order.shipState}"></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><input type="text" size="10" name="orderShipZip" value="${sessionScope.order.shipZip}"></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><input type="text" size="15" name="orderShipCountry" value="${sessionScope.order.shipCountry}"></td>
        </tr>
    </table>
        <input type="submit" value="Continue" name="newOrder">
    </form>
</div>
<script src="js/shipAddress.js"></script>
<%@ include file="../common/bottom.jsp"%>